<template>
  <table class="bottom" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <th :style="width.th1">{{listcontent.head[0]}}</th>
                <th :style="width.th2">{{listcontent.head[1]}}</th>
                <th :style="width.th3">{{listcontent.head[2]}}</th>
            </tr>
            <tr v-for="(tr,index) in listcontent.content" :key="index">
                <td><a href="">{{tr[0]}}</a></td>
                <td>{{tr[1]}}</td>
                <td>{{tr[2]}}</td>
            </tr>
        </table>
</template>

<script>
export default {
    props:['listcontent','width'],
}
</script>

<style lang="less" scoped>
    .bottom{
      float: left;
      padding: 0px 0px 24px 40px; 
      width: 947px;
      th,td{
        height: 36px;
        padding: 10px 12px 10px 12px;
        border-bottom: 2px #ebedf0 solid;
        text-align: left;
        line-height: 36px;
      }
      td{
        font-size: 14px;
      }
      th{
        color: #323233;
        font-size: 14px;
        font-family: Microsoft YaHei ;
        background-color: #f7f8fa;
      }
      tr:hover{background-color: #edf4ff;}
      a{
        color: #155bd4;
      }
    }
</style>